<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html">
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
  <!--  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  -->
  <script src="../assets/flexible/flexible.debug.js"></script>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <title>首页</title>
  <link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.css">
  <link rel="stylesheet" href="../assets/animate/animate.min.css">
  <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/caipu.css"></head>
<body>

  <header class="header">
    <a href="Goodbeans.html">
      <span class="fa fa-arrow-left"></span>
    </a>

   <a href="">
     <span>生拌山药</span>
   </a>
    <a href=""> 
      <span class="fa fa-mail-reply-all"></span>
      <span class="fa fa-external-link"></span>
     
    </a>

  </header>

  <main>
   
  </main>

  <script type="text/html" id="MAIN">
      {{each MAIN as v}} 
    <figure>
     <img src="{{v.imgs}}">
     <figcaption>
       <p><img src="{{v.imge}}"></p>
       <p>{{v.ps1}}</p>
       <p>{{v.ps2}}</p>
     </figcaption>
     <p class="pot">
       <span class="fa fa-thumbs-o-up"><i>{{v.i1}}</i></span>
       <span class="fa fa-snowflake-o"><i>{{v.i2}}</i></span>
       <span class="fa fa-commenting-o"><i>{{v.i3}}</i></span>
     </p>
   </figure>
      {{/each}}
</script>
  <script src="../assets/JQ/jquery-3.2.1.min.js"></script>
  <script src="../assets/swiper/js/swiper.min.js"></script>
  <script src="../assets/animate/swiper.animate1.0.2.min.js"></script>
  <script src="../assets/template-web.js"></script>
  <script src="../js/caipu.js"></script>
</body>
</html>